<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="base::header">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body class="smoke-container">
<div style="display: flex; position:relative;flex-direction:row;width: 100%;height: 100%">
    <div style="height: 98%; background-color: white; margin: 10px; width: 300px; overflow: auto">
        <div style="padding: 10px">
            <div>
                <button type="button" class="layui-btn layui-btn-sm" id="add_button_id">新增</button>
                <button type="button" class="layui-btn layui-btn-sm" id="update_button_id">编辑</button>
                <button type="button" class="layui-btn layui-btn-sm" id="delete_button_id">删除</button>
            </div>
            <div id="org_tree_id"></div>
        </div>
    </div>
    <div style="height: 98%; background-color: white; margin: 10px;flex: auto" id="user_tip_div_id">
        <h2 style="line-height: 400px;color: darkgrey;text-align: center;">点击左侧组织节点，在此处查看用户列表</h2>
    </div>
    <div style="height: 98%; background-color: white; margin: 10px;flex: auto; display: none" id="user_div_id">
        <div style="padding: 10px">
            <h2>用户列表</h2>
        </div>
        <div style="display: flex;
          flex-flow: row nowrap;align-items: center;">
            <div>
                <button type="button" class="layui-btn" id="addUser_button_id">新增</button>
                <button type="button" class="layui-btn" id="deleteUser_button_id">移除</button>
            </div>
            <div class="layui-form" action="" style="margin-left: 10px">
                <div class="layui-form-item vertical-center">
                    <div class="layui-inline">
                        <input type="text" name="keyword" placeholder="关键字" id="keyword_input_id"
                               class="layui-input" th:value="${param.keyword?:''}">
                    </div>
                    <div class="layui-inline">
                        <button type="button" class="layui-btn" lay-submit lay-filter="search_button_filter">查询</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="user_table_id"></div>
    </div>
</div>
<script th:src="@{/js/admin/org.js}"></script>
</body>
<div id="addUser_div_id">
    <div class="layui-form" action="" style="margin-left: 10px">
        <div class="layui-form-item vertical-center">
            <div class="layui-inline">
                <input type="text" name="keyword" placeholder="关键字" id="addUser_keyword_input_id"
                       class="layui-input" th:value="${param.keyword?:''}">
            </div>
            <div class="layui-inline">
                <button type="button" class="layui-btn" lay-submit lay-filter="search_addUser_button_filter">查询</button>
            </div>
        </div>
    </div>
    <div id="add_user_table_id"></div>
    <div>
        <div style="display: flex;
          flex-flow: row nowrap;align-items: center;justify-content: flex-end;">
            <div>
                <button type="button" class="layui-btn" id="submit_orgUser_button_id">添加用户</button>
            </div>
        </div>
    </div>
</div>
</html>